{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>批阅试卷</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="../../favicon.ico">

	<!-- Bootstrap 核心CSS文件 -->
	<link href="{% static 'login/css/bootstrap.min.css' %}" rel="stylesheet">
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<!-- Custom styles for this template -->
	<link href="justified-nav.css" rel="stylesheet">
	<style type="text/css">
	body{
		background: url("{% static 'login/image/6786.jpg' %}") repeat-y;
		background-size: 100%;
		background-color: white;
		color: #337ab7;
	}
	.form-signin-heading{
		text-align: center;
		color: #337ab7;
	}
	.login_box{
		margin-top: 30px;
	}
	.tabbable{
		background: rgba(255,255,255,0.8);
	}
    /*a{
    	color: black;
    	}*/
    </style>

</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-2">
			</div> 
			<div class="col-md-8 tabbable login_box">
				<div class="masthead">
					<h2 class="form-signin-heading">北京网络职业学院考试系统</h2>
					<h3 class="form-signin-heading">请点击学生姓名进行批卷</h3>
				</div> 
				
				<div class="tabbable" id="tabs-619035">
					<ul class="nav nav-tabs">
						{% for stu_obj,paper_obj_dict in sf_info_dict.items %}
						{% if forloop.counter == 1 %}
						<li class="active">
							{% else %}
							<li class="">
								{% endif %}
								<a href="#stu_obj{{forloop.counter}}" data-toggle="tab" contenteditable="false">{{stu_obj.person_name}}</a>
							</li>
						{% endfor %}
						<li class="pull-right">
                            <a href="{% url 'login:login' %}" class="glyphicon glyphicon-user">返回登录界面
                            </a>
                        </li>
                        <li class="pull-right">
                            <a href="{% url 'paper:teacher_index' %}" class="pull-right glyphicon glyphicon-home">点击返回主页面 
                            </a>
                        </li>
					</ul>
						<div class="tab-content">
							<h4>&nbsp&nbsp&nbsp以下为该学生考过的所有试卷</h4>
							{% for stu_obj,paper_obj_dict in sf_info_dict.items %}
							{% if forloop.counter == 1 %}
								<div class="tab-pane active" id="stu_obj{{forloop.counter}}">
							{% else %}
								<div class="tab-pane" id="stu_obj{{forloop.counter}}">	
							{% endif %}
								<div class="panel-group" id="stu_obj{{forloop.counter}}">
								{% for paper_obj,paper_info in paper_obj_dict.items %}	
												
										<div class="panel panel-default">
											<div class="panel-heading">
												<a class="panel-title collapsed" data-toggle="collapse" data-parent="#stu_obj{{forloop.counter}}" href="#{{forloop.counter}}" contenteditable="false">{{paper_obj.paper_name}}</a>

												{% if paper_info.message %}
												<a href="{% url 'paper:batch_show' paper_obj.id %}" class="pull-right"><button class="btn btn-info btn-xs" type="submit">点击查看详细阅卷页面</button></a>	
												<button type="button" class="btn btn-success btn-xs pull-right" style="opacity:1.0;" disabled="disabled">{{paper_info.message}}总分：{{paper_info.total_score}}分</button>						
												{% endif %}

												{% if paper_info.nothing %}
												<a href="{% url 'paper:batch_detail' paper_obj.id %}" class="pull-right"><button class="btn btn-info btn-xs" type="submit">点击前往详细打分页面</button></a>
												<button type="button" class="btn btn-warning btn-xs pull-right" style="opacity:1.0;" disabled="disabled">{{paper_info.nothing}}</button>
												{% endif %}
											</div>
											<!-- <div id="{{forloop.counter}}" class="panel-collapse" style="height: auto;">
												<div class="panel-body" contenteditable="false">{{paper_info}}</div>
											</div> -->
										</div>
									{% endfor %}						
									</div>
										
								</div>
							{% endfor %}
							</div>
						</div>
					</div>
					<div class="col-md-2">
					</div>
				</div>
			</div>

			<script type="text/javascript" src="{% static 'login/js/jquery-3.3.1.min.js' %}"></script>
			<!-- Bootstrap部分： -->
			<script type="text/javascript" src="{% static 'login/js/bootstrap.min.js' %}"></script>

		</body>
		</html>